<template>
    <div>
        <img src="@/assets/images/home1.png" width="100%">
        <!-- 顶部海报-->
        <div class="features myCard">
            <div>
                <div><img src="@/assets/images/fea1.png" ><p>低风险</p> </div>
                <div><img src="@/assets/images/fea2.png" ><p>易融资</p></div>
                <div><img src="@/assets/images/fea3.png" ><p>利息低</p></div>
                <div><img src="@/assets/images/fea4.png" ><p>担保硬</p></div>
            </div>
        </div>
        <!-- 中间流程-->
        <div class="process">
            <div class="features2 myCard">
                <div class="processTitle">贷款流程</div>
                <!--申请流程-->
                <div>
                    <div><img src="@/assets/images/zaixianshengqin.png" ><p>在线申请</p> </div>
                    <div><img src="@/assets/images/xianshangshenpi.png" ><p>线上审批</p></div>
                    <div><img src="@/assets/images/sanqidiya.png" ><p>三七抵押</p></div>
                    <div><img src="@/assets/images/chengongdaozhang.png" ><p>成功到账</p></div>
                </div>
            </div>
            <div class="page-sqcdzyd">
                <!--业务简介-->
                <div class="myCard">
                    <div class="processTitle">业务简介</div>
                    <p>三七仓单质押贷是由<span class="HyperLinks" @click='returnCompany'> 云南省农业融资担保有限公司</span>与
                        <span class="HyperLinks" @click='returnCompany'>云南七丹药业股份有限公司</span>合作推出的通过质押客户自有干三七，资金仅用于三七产业发展的贷款担保业务。 客户质押自有干三七后，可获得担保公司担保及合作银行贷款。</p>
                </div>
                <!--业务问答-->
                <div class="question myCard">
                    <div class="processTitle">业务问答</div>
                    <div v-for="(item,index) in dialogue" :key="index">
                        <div class="wen f-16"> <div class="dialogue">问</div><p>{{item.question}}</p> </div>
                        <div class="da f-16"><div class="dialogue">答</div> <p v-html="item.answer">{{item.answer}}</p></div>
                        <hr/>
                    </div>
                </div>
                <!--公司简介-->
                <div class="myCard">
                    <div class="processTitle" id="company">公司简介</div>
                    <p><span class="HyperLinks">云南省农业融资担保有限公司</span>成立于2016年4月15日，是经云南省人民政府批准，授权省财政厅履行出资人职责，成立云南省农业信贷担保有限公司，公司性质为省属国有独资企业。后公司更名为云南省农业融资担保有限公司，简称云南农担，现公司注册资本金（实缴）规模达29.57亿元。</p>
                    <p style="margin-top: 11px"><span class="HyperLinks">云南七丹药业股份有限公司</span>成立于2008年3月，注册资本金9978万元，是专业从事三七药材规范化种植、产品研发、生产、加工、销售的全产业链科技创新型新三板上市企业，是三七之乡——文山州第一家专业生产三七饮片的国家高新技术企业。</p>
                </div>
            </div>
        </div>
        <Button class="apply" long to="/sqcdzyd/application" style="margin-bottom: 100px">立即申请</Button>
    </div>
</template>
<script>
    export default {
        name: 'sqcdzyd',
        data () {
            return {
                dialogue: [{ 'question': '如何保证被抵押三七的存储安全？', 'answer': '仓库内安装了高清摄像头等监测设备对仓库内部环境进行实时监控，贷方、仓储和担保方都可随时通过APP实时查看仓库内部监控画面，确保贷款期间三七始终存放在仓库中。' },
                           { 'question': '办理“三七仓单质押贷”需满足什么条件？',
                             'answer': '①自然人客户：年龄18周岁（含）至65周岁（含），征信正常，当前无涉诉，无不良嗜好，身体健康，具有完全民事行为能力和劳动能力，且必须从事三七产业相关工作，其它符合贷款担保的相关要求。<br>' +
                                 '②企业客户：企业营业执照注册满一年，主营业务为三七相关产业，企业、企业法人及实际控制人征信正常，当前无涉诉，其它符合贷款担保的相关要求。<br>' +
                                 '③客户最多提供价值为贷款金额70%的干三七作为质押物。' },
                           { 'question': '“三七仓单质押贷”贷款金额有多少？', 'answer': '30万元（含）至300万元（含）。' },
                           { 'question': '“三七仓单质押贷”贷款期限是多少？', 'answer': '贷款期限1至3年。' }]
            }
        },
        methods: {
            returnCompany () {
                document.querySelector('#company').scrollIntoView(true);
            }
        }
    }
</script>
<style lang="less" scoped>
.features{
    height: 86px;
    padding: 0;
}
.features2{
    height: 136px;
    padding: 0;
}
.features>div, .features2>div:last-child{
    height: 86px;
    display: flex;
    align-items: center;
    margin:0 17px 0 17px;
    justify-content: space-between;
}
.features>div>div{
    text-align: center;
}
.features2>div>div{
    width: 64px;
    text-align: center;
}
.features>div>div:last-child,.features2>div>div:last-child{
    margin-right: 0;
    text-align: center;
}
.features img{
    width: 40px;
}
.features2 img{
    width: 25px;
}
.features p{
    font-size: 14px;
    width: 42px;
}
.process{
    margin-top: 12px;
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
}
.title_img{
    height: 24px;
    margin: 0 auto;
}
.features2 p{
    width: 64px;
    font-size: 16px;
    color: #737373;
}
.page-sqcdzyd  p{
    text-align: left;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #999;
    margin-top: 19px;
}
.page-sqcdzyd>div:nth-child(2) p{
    margin-top: 0;
}
.page-sqcdzyd .wen p{
    color: #1E1E1E;
}
.page-sqcdzyd>div{
    margin-top: 12px;
}
.question>div{
    margin-top: 19px;
}
.wen,.da{
    text-align: left;
    display: flex;
}
.da{
    color: #999;
    margin-top: 11px;
}
.dialogue{
    height: 20px;
    width: 20px;
    color: #fff;
    font-size: 12px;
    padding: 1.5px 4px;
    display: inline-block;
    border-radius: 4px;
    margin-right:11px;
}
.wen>div:first-child{
    background-color: #17A365;
}
.da>div:first-child{
    background-color: #00C777;
}
.question hr{
    background-color: #fff;
    height: 1px;
    border: 0;
}
.question>div:last-child hr{
    height: 0;
}
</style>
